<template>
    <div>
        <nav2></nav2>
        <div class="container" >
            <div class="public-container">
                <div class="cantact_con cantact_left">
                    <div class="contact-info">
                        <i class="icon phone"></i>
                        <i class="con_text">电话：400-284-23132131</i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="contact-info">
                        <i class="icon email"></i>
                        <i class="con_text">邮箱：hk@chkang.com</i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="contact-info">
                        <i class="icon weichat"></i>
                        <i class="con_text">微信公众号：汉康信息</i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="contact-info">
                        <i class="icon chuanzhen"></i>
                        <i class="con_text">传真：400-284-23132131</i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="contact-info">
                        <i class="icon address"></i>
                        <i class="con_text">地址：成都市高新区科院南路一号...</i>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!--放置地图-->
                <div class="cantact_con cantact_right">
                    <img src="" width="100%" alt="">
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <publicFooter></publicFooter>
    </div>
   
</template>

<script>
import nav2 from '@/components/nav2'

import publicFooter from '@/components/publicFooter'
    export default {
        name:'contactus',
        components:{nav2,publicFooter},
        methods:{},

    }
</script>

<style scoped>
    .container{
        width: 1200px;
        margin:0 auto;
    }
    .public-container .cantact_con{
        width: 50%;
        float:left;
        height: 400px;
        
    }
  
    .public-container .cantact_con .contact-info{
        margin: 35px 0;
    }
    .public-container .cantact_con .icon{
        background-repeat: no-repeat;
        display: block;
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 10px;
        background-size: 100% 100%;
    } 
    .public-container .cantact_con .icon.phone{
        background-image: url(../../assets/img/phone.png);
    }
    .public-container .cantact_con .icon.email{
        background-image: url(../../assets/img/email.png);
    }
    .public-container .cantact_con .icon.weichat{
        background-image: url(../../assets/img/weicaht.png);
    }
    .public-container .cantact_con .icon.chuanzhen{
        background-image: url(../../assets/img/chuanzhen.png);
    }
    .public-container .cantact_con .icon.address{
        background-image: url(../../assets/img/address.png);
    }            
    .public-container .cantact_con .con_text{
        font-size: 16px;
        color:#000;
        float: left;
        font-style: normal;
    }
</style>